<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>运维中心</title>
    <link href="${pageContext.request.contextPath}/static/css/checkCenter.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <link href="${pageContext.request.contextPath}/static/css/font-awesome.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/iconfont/iconfont.css" rel="stylesheet" />
    <script src="${pageContext.request.contextPath}/static/iconfont/iconfont.js"></script>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.4.5&key=您申请的key值"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/time.js"></script>
</head>
<body>
<div id="container">
</div>
<div class="top col-md-12">
    <div class="top-left">
        <div class="kong"></div>
        <div class="logo">
            <img src="${pageContext.request.contextPath}/static/imgs/logo3.png">
        </div>
    </div>
    <div class="top-right">
        <ul class="list">
            <li><a href="${pageContext.request.contextPath}/powerCenter.action?username=${username}">电站中心</a></li>
            <li><a href="checkCenter.jsp">运维中心</a></li>
            <li><a href="${pageContext.request.contextPath}/InReportCenter">报表中心</a></li>
            <li><a href="${pageContext.request.contextPath}/centralizedControl">展示中心</a></li>
            <% if(session.getAttribute("users")!=null){
                Users users = (Users)session.getAttribute("users");
            %>
            <% if(users.getType()==1){%>
            <li><a href="${pageContext.request.contextPath}/InidManage">账号管理</a></li>
            <% }%>
            <% } %>
            <li><a href="${pageContext.request.contextPath}/checkOut.action" ><span class="fa fa-user"></span></a></li>
        </ul>
    </div>
</div>
<div class="main col-md-12">
    <div class="box1 col-md-2">
        <div class="block">
            <div class="bj">
                <a href="alarm.html"><span>报警中心<img src="../imgs/red.png"></span></a>
            </div>
            <div class="gd">
                <a href="#"><span>工单中心<img src="../imgs/green.png"></span></a>
            </div>
        </div>
    </div>
    <div class="kong col-md-8"></div>
    <div class="box2 col-md-2">
        <div class="block">
            <div class="blockTop"></div>
            <div class="colors">
                <div class="color color1">
                    <span><img src="${pageContext.request.contextPath}/static/imgs/green.png">电站正常</span>
                </div>
                <div class="color color2">
                    <span><img src="${pageContext.request.contextPath}/static/imgs/red.png">电站异常</span>
                </div>
                <div class="color">
                    <span><img src="${pageContext.request.contextPath}/static/imgs/black.png">电站离线</span>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var map = new AMap.Map('container', {
        center: [100.397428, 35.90923],
        layers: [new AMap.TileLayer.Satellite()],
        zoom: 4
    });
    map.clearMap();  // 清除地图覆盖物
    marker1 = new AMap.Marker({
       icon:'${pageContext.request.contextPath}/static/imgs/black.png',
        position: [116.2329, 39.5420],
    });
    marker1.setMap(map);
    marker1.setTitle('北京');
        marker1.setLabel({
            offset: new AMap.Pixel(20, 20),
            content: "北京"
        });

    var marker2= new AMap.Marker({
        icon:  '${pageContext.request.contextPath}/static/imgs/red.png',
        position: [112.05, 32.04]
    });
    marker2.setMap(map);
    marker2.setTitle('襄阳');
        marker2.setLabel({
            offset: new AMap.Pixel(20, 20),
            content: "襄阳"
        });

    var marker3= new AMap.Marker({
        icon:  '${pageContext.request.contextPath}/static/imgs/green.png',
        position: [121.281321, 31.13495],
    })
    marker3.setMap(map);
    marker3.setTitle('上海');
        marker3.setLabel({
            offset: new AMap.Pixel(20, 20),
            content: "上海"
        });


</script>
</body>
</html>